<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap示例</title>

    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="../css/bootstrap.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="../js/jquery-3.2.1.min.js"></script>

    <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="../js/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="../js/bootstrap.min.js"></script>

</head>

<!--全是按钮-->
<!--<body>-->
<!--<button>no.1 button</button>-->
<!--<button class='btn'>一个button</button>-->
<!--<button class='btn'>基本按钮</button>-->
<!--<button class='btn btn-primary'>主要按钮</button>-->
<!--<button class='btn btn-secondary'>次要按钮</button>-->
<!--<button class='btn btn-success'>成功</button>-->
<!--<button class='btn btn-info'>信息</button>-->
<!--<button class='btn btn-warning'>警告</button>-->
<!--<button class='btn btn-danger'>危险</button>-->
<!--<button class='btn btn-dark'>黑色</button>-->
<!--<button class='btn btn-light'>浅色</button>-->
<!--<button class='btn btn-link'>链接</button>-->
<!-- 登录表单 -->
<!--</body>-->

<body>
<form style="margin-left:500px;margin-top:200px;">
    <div class="form-group">
        <label for="user" stype="display:inline;">账户：</label>
        <input type="text" class="form-control" id="user" style="display:inline;width:200px;" autocomplete="off"/>
    </div>

    <div class="form-group">
        <label for="password" style="display:inline;">密码：</label>
        <input type="text" class="form-control" id="password" style="display:inline;width:200px;" autocomplete="off"/>
    </div>
    <button type="submit" class="btn btn-primary">登录</button>
    <button type="submit" class="btn btn-primary">注册</button>

    <div class="container">
        <h2>按钮</h2>
        <input type="button" value="普通按钮" class="btn btn-default">
        <button type="submit" class="btn btn-default">提交按钮</button>
        <a href="#" class="btn btn-default">我是链接</a>
        <h2>预定义按钮</h2>
        <input type="button" value="蓝色按钮" class="btn btn-primary">
        <input type="button" value="红色按钮" class="btn btn-danger">
        <input type="button" value="绿色按钮" class="btn btn-success">
    </div>
</form>
</body>

</html>